<template>
  <div class="Card">
    <div class="card" style="width: 18rem;">
      <img src="@/assets/previ.jpg" class="card-img-top" alt="..." width="350" height="200">
      <div class="card-body">
        <h5 class="card-title">{{ props.title }}</h5>
        <h6 class="card-title">{{ props.place }}</h6>
        <h6 class="card-title">{{ props.eventData }}</h6>
        <p class="card-text">{{ props.description }}</p>
        <a href="#" @click="$emit('cardClick', props.id)" class="btn btn-primary">{{ props.buttonText}}</a>
      </div>
    </div>
  </div>
</template>
<script setup>

const props = defineProps({
  title: {
    required: false,
    default: "Заголовок"
  },
  description: {
    required: false,
    default: "Описание"
  },
  eventData: {

  },
  place: {

  },
  id: {

  },
  buttonText: {

  }
});

</script>
<style scoped lang="scss">

</style>